<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>展会博览 - 爽客网</title>
<%@include file="../common/js.jsp" %>
<script src="js/interfacejs.js" type="text/javascript"></script>
<script src="js/jquery.ying.js" type="text/javascript"></script>
<script src="js/search.js" type="text/javascript"></script>
<link href="css/base/reset.css" type="text/css" rel="stylesheet" />
<link href="css/base/base.css" type="text/css" rel="stylesheet" />
<link href="css/base/hf_sk.css" type="text/css" rel="stylesheet" />
<link href="css/mainpage.css" type="text/css" rel="stylesheet" />
<!--[if ie]><script src="js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
<!--[if ie]><link href="css/jrIE.css" type="text/css" rel="stylesheet"><![endif]-->
</head>
<body>
	<!-- head -->
	<%@include file="../common/header.jsp" %>
    <!-- header-->
    
    <!-- content-->
    <div class="w100p">
        
       	<!-- lunbo -->
        <div class="w980 mg box_style1">
        	<div class="c_lb_box lb_box_s1">
            	<ul class="c_lb" id="pic_ul">
	            	<c:forEach items="${picture }" var="c">
	                	<li><a href="${c.hyperlink }" target="_blank"><img src="${c.picture }" style="width: 695px;height: 280px" class="block" /></a></li>
	                </c:forEach>
                </ul>
                <div class="seach_t_box">
                </div>
                <div class="seach_body_box">
                	<div class="mg_style">
                        <h1>展会搜索<span>找到适合的展会信息</span></h1>
                        <div class="search">
                            <label class="fb mr5">参展商品</label><input type="text" class="text_style" id="search_title"/>
                            <input type="button" class="search_btn"  onclick="searchContent('exhibition');" />
                        </div>
                        <dl class="c_tj">
                        	<dt>热门展商</dt>
                            <c:forEach items="${hotProduct }" var="c">
	                           	<dd><a href="${c.hyperlink }" target="_blank">${c.titleText }</a></dd>
							</c:forEach>
                        </dl>
                    </div>
                </div>
                
                <!-- right-->
                <ul class="lb_list_show" id="num_ul">
	                <c:forEach items="${picture }" var="c">
	                	<li>
	                    	<a href="${c.hyperlink }" target="_blank">
	                            <span class="title">${c.titleText }</span>
	                        </a>
	                    </li>
	                </c:forEach>    
                </ul>
                <!-- right--end-->
            </div>
        </div>
        <!-- lunbo--end-->
        
        <!-- part1 -->
        <div class="w980 mg box_style1">
        	<div class="clearfix">
            	
                <!-- left-->
                <div class="t_leftbox">
                	<div class="gradient_sbox mb5">
                        <div class="gra_head">
                            <h1 class="clearfix pr">
                                <img src="../../images/icon/icon_gyzhlb.gif" class="fl block"><span class="fl">贵阳展会列表</span>
                            </h1>
                        </div>
                        <div class="gra_body">
                        	<div class="mg_exhi_s1">
                                <ul class="com_t_box exhi_s1">
                                	<c:forEach items="${exList }" var="c">
	                                    <li>
	                                        <a href="${c.hyperlink }" target="_blank" class="name">${c.titleText }</a>
	                                    </li>
                                    </c:forEach>
                               	</ul>
                        	</div>
                        </div>
                        <div class="gra_foot"></div>
                	</div>
                    
                	<div class="gradient_sbox">
                        <div class="gra_head">
                            <h1 class="clearfix pr">
                                <img src="../../images/icon/icon_zhdjs.gif" class="fl block"><span class="fl">展会倒计时</span>
                            </h1>
                        </div>
                        <div class="gra_body">
                        	<div class="exhi_time">
                            	<a href="${exTime[0].hyperlink}" target="_blank" class="block"><img src="${exTime[0].picture}" style="width: 230px;height: 115px" class="block" /></a>
                                <ul>
                                	<c:forEach items="${exTime}" var="ex" begin="1" end="2">
                                		<li>
	                                    	<a href="${ex.hyperlink}" target="_blank">${ex.titleText}</a>
	                                    </li>
                                	</c:forEach>
                                	
                                </ul>
                                <p class="time">倒计时：<i id="least_day">0</i>天</p>
                                <script type="text/javascript">
                                	leastDay();
                                	function leastDay(){
                                		var today=new Date();
										var goDay=GGTOOL.strToDate("${exTime[0].summary}");
										
										today = GGTOOL.strToDate(today.format("yyyy-MM-dd")+" 00:00:00");
										goDay = GGTOOL.strToDate(goDay.format("yyyy-MM-dd")+" 00:00:00");
										var dayTime = (goDay.getTime()-today.getTime())/ 1000 / 60 / 60 /24;
										var days = parseInt(dayTime);//天
										var hourTime =(dayTime - days)*24;
										var hours =parseInt(hourTime);//时
										var minutesTime =(hourTime-hours)*60;
										var minutes = parseInt(minutesTime);//分
										var secondTime =(minutesTime-minutes)*60;
										var seconds = parseInt(secondTime);  //秒
										var millisecondTime = (secondTime-seconds)*100;//取2位
										var milliseconds = parseInt(millisecondTime);//毫秒
										$("#least_day").text(Math.ceil(dayTime));
									//	setTimeout(leastDay,1000);
                                	}
                                	
                                </script>
                            </div>
                        </div>
                        <div class="gra_foot"></div>
                	</div>
                </div>
                <!-- left--end-->
                
                <!-- right-->
                <div class="t_rightbox">
                	<div class="gradient_sbox big_box com_gra">
                        <div class="gra_head"></div>
                        <div class="gra_body clearfix">
                        
                        	<!--left-gra-->
                            <div class="left_gra_box exhi_wid_s1">
                            	<!-- top-->
								<div class="exhi_mg_s1">
                                	<div class="title_c_box">
                                    	<h1>会展商务</h1>
                                        <ul class="com_pt_box exhi_s2 clearfix">
                                        	<c:forEach items="${ticket }" var="c" varStatus="s">
	                                            <li <c:if test="${s.last }">class="last"</c:if>>
	                                            	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width:152px;height: 89px " class="block" />
	                                            	<span class="name">${c.titleText }</span></a>
	                                                <div class="r_box">
	                                                	<p class="intro">${c.summary }</p>
	                                                    <p class="price">爽客价：<i>¥${c.priceMin}</i></p>
	                                                </div>
	                                            </li>
                                            </c:forEach>
                                        </ul>
                                    </div>     
                                </div>
                                <!-- top--end-->
                                <!-- down-->
                                <div class="exhi_mg_s2">
                                    <div class="title_c_box">
                                        <h1>展会周边</h1>
                                        <ul class="com_pt_box1 zb_info clearfix">
	                                        <c:forEach items="${hotel }" var="c">
	                                        	<li>
	                                            	<div class="t_box">
	                                                	<a href="${c.hyperlink }" target="_blank">
	                                                		<img src="${c.picture }" style="width: 120px;height: 60px;" class="block" />
	                                                	</a>
	                                                </div>
	                                                <div class="d_box">
	                                                	<a href="${c.hyperlink }" target="_blank" class="clr666">${c.titleText }</a>
	                                                    <p class="price">¥<i>${c.priceMin }</i></p>
	                                                </div>
	                                            </li>
	                                        </c:forEach>
                                        </ul>
                                    </div>
                                </div>
                                <!-- down--end-->
                                
                                
                            </div>
                            <!--left-gra--end-->
                            
                            <!--right-gra-->
                            <%-- <div class="right_gra_box exhi_wid_s2">
                            	<div class="list_box">
                                	<div class="title">订单榜</div>
                                    <ul class="com_t_box exhi_list">
	                                    <c:forEach items="${order }" var="c">
	                                    	<li>
	                                        	<a href="${c.hyperlink }" target="_blank" class="name">${c.title }</a>
	                                        </li>
	                                    </c:forEach>
                                    </ul>
                                </div>
                            </div> --%>
                            <!--right-gra--end-->
                        </div>
                        <div class="gra_foot"></div>
                	</div>
                </div>
                <!-- right--end-->
            </div>
        </div>
        <!-- part1--end-->
        
        <!-- fullpart-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="../../images/icon/icon_zh.gif" class="fl block"><span class="fl">展会</span>
                        <a href="listView.htm?channel=712a7259-6345-42e8-a984-e1e2350374a5" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
                	<div class="exhi_box">
                        <ul class="com_tabs clearfix">
                            <li class="current" id="li_1">
                                <a href="javascript:void(0)" onClick="tabEx('1')">近期</a>
                            </li>
                            <li id="li_2">
                                <a href="javascript:void(0)" onClick="tabEx('2')">全部</a>
                            </li>
                            <li id="li_3">
                                <a href="javascript:void(0)" onClick="tabEx('3')">房地产</a>
                            </li>
                            <li id="li_4">
                                <a href="javascript:void(0)" onClick="tabEx('4')">车展</a>
                            </li>
                            <li id="li_5">
                                <a href="javascript:void(0)" onClick="tabEx('5')">酒博会</a>
                            </li>
                            <li id="li_6">
                                <a href="javascript:void(0)" onClick="tabEx('6')">茶博会</a>
                            </li>
                        </ul>
                        <div class="exhi_info_box" id="div_1">
                        	<ul class="com_pt_box exhi_info clearfix">
	                        	<c:forEach items="${ex1 }" var="c">
	                            	<li>
	                                	<a href="${c.hyperlink }" target="_blank" class="fl">
	                                	<img src="${c.picture }" style="width: 120px;height: 60px" class="block" /></a>
	                                    <div class="r_box">
	                                    	<a href="${c.hyperlink }" target="_blank" class="name">${c.titleText }</a>
	                                        <p class="intro">${c.summary }</p>
	                                    </div>
	                                </li>
	                            </c:forEach>
                            </ul>
                        </div>
                        <div class="exhi_info_box" id="div_2" style="display: none">
                        	<ul class="com_pt_box exhi_info clearfix">
	                        	<c:forEach items="${ex2 }" var="c">
	                            	<li>
	                                	<a href="${c.hyperlink }" target="_blank" class="fl">
	                                	<img src="${c.picture }" style="width: 120px;height: 60px" class="block" /></a>
	                                    <div class="r_box">
	                                    	<a href="${c.hyperlink }" target="_blank" class="name">${c.titleText }</a>
	                                        <p class="intro">${c.summary }</p>
	                                    </div>
	                                </li>
	                            </c:forEach>
                            </ul>
                        </div>
                        <div class="exhi_info_box" id="div_3" style="display: none">
                        	<ul class="com_pt_box exhi_info clearfix">
	                        	<c:forEach items="${ex3 }" var="c">
	                            	<li>
	                                	<a href="${c.hyperlink }" target="_blank" class="fl">
	                                	<img src="${c.picture }" style="width: 120px;height: 60px" class="block" /></a>
	                                    <div class="r_box">
	                                    	<a href="${c.hyperlink }" target="_blank" class="name">${c.titleText }</a>
	                                        <p class="intro">${c.summary }</p>
	                                    </div>
	                                </li>
	                            </c:forEach>
                            </ul>
                        </div>
                        <div class="exhi_info_box" id="div_4" style="display: none">
                        	<ul class="com_pt_box exhi_info clearfix">
	                        	<c:forEach items="${ex4 }" var="c">
	                            	<li>
	                                	<a href="${c.hyperlink }" target="_blank" class="fl">
	                                	<img src="${c.picture }" style="width: 120px;height: 60px" class="block" /></a>
	                                    <div class="r_box">
	                                    	<a href="${c.hyperlink }" target="_blank" class="name">${c.titleText }</a>
	                                        <p class="intro">${c.summary }</p>
	                                    </div>
	                                </li>
	                            </c:forEach>
                            </ul>
                        </div>
                        <div class="exhi_info_box" id="div_5" style="display: none">
                        	<ul class="com_pt_box exhi_info clearfix">
	                        	<c:forEach items="${ex5 }" var="c">
	                            	<li>
	                                	<a href="${c.hyperlink }" target="_blank" class="fl">
	                                	<img src="${c.picture }" style="width: 120px;height: 60px" class="block" /></a>
	                                    <div class="r_box">
	                                    	<a href="${c.hyperlink }" target="_blank" class="name">${c.titleText }</a>
	                                        <p class="intro">${c.summary }</p>
	                                    </div>
	                                </li>
	                            </c:forEach>
                            </ul>
                        </div>
                        <div class="exhi_info_box" id="div_6" style="display: none">
                        	<ul class="com_pt_box exhi_info clearfix">
	                        	<c:forEach items="${ex6 }" var="c">
	                            	<li>
	                                	<a href="${c.hyperlink }" target="_blank" class="fl">
	                                	<img src="${c.picture }" style="width: 120px;height: 60px" class="block" /></a>
	                                    <div class="r_box">
	                                    	<a href="${c.hyperlink }" target="_blank" class="name">${c.titleText }</a>
	                                        <p class="intro">${c.summary }</p>
	                                    </div>
	                                </li>
	                            </c:forEach>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart--end-->
        
        
         <!-- ad-->
        <div class="w980 mg box_style1">
        	<a href="${midAdv[0].hyperlink }" target="_blank"><img src="${midAdv[0].picture }" style="width: 980px;height: 89px" class="block" /></a>
        </div>
        <!-- ad--end-->
        
        <!-- 点评 -->
        <%@include file="../common/discuss.jsp" %>
        
        
        <!-- part3 -->
        <%@include file="../common/attention.jsp" %>
        <!-- part3--end-->
                
        <!-- help-->
        <div class="w980 mg box_style1">
        	<c:forEach items="${help }" var="c">
        		${c.content}
        	</c:forEach>
        </div>
        <!-- help--end-->
        
    </div>
    <!-- content--end-->

    
	    <!-- foot-->
	    <%@include file="../common/footer.jsp" %>
	    <!-- foot--end-->
<script type="text/javascript">
$(function(){
	$.lbShow({
		picUL:"pic_ul",
		numsUL:"num_ul",
		styles:"hover"
	});
	$(".more").attr("target","_blank");
});


	
    function tabEx(n){
	 	$("#div_"+n).show().siblings("div.exhi_info_box").hide();
	 	$("#li_"+n).addClass("current").siblings().removeClass("current");
	}
</script>
</body>
</html>
